<template>
	<!-- 积分详情 -->
	<view class="content display  width-100 displayColumn">
		<u-navbar @rightClick="rightClick" :autoBack="true" :placeholder="true">
			<template slot="left">
				<uni-icons type="left" color="#212121;" size="23" @click="back"></uni-icons>
			</template>
			<template slot="center">
				<text class="fontSize font_comm title">积分详情</text>
			</template>
		</u-navbar>
		<view class="fn_content display width-100  all_item M-T30">
			<view class="fn_list display displayColumn width_699  all_item">
				<span class="fontSize font_comm txt1" v-if="flag=='true'">+5.00</span>
				<span class="fontSize font_comm txt1" v-else style="color: #FF672D;">-5.00</span>
				<span class="fontSize font_comm txt2 M-T12">变动积分</span>
				<view class="item display  width_699 M-T40"><span class="fontSize font_comm txt3 M-L24">兑换类型</span><span class="fontSize font_comm txt4 M-R24">消费</span></view>
				<view class="item display  width_699 M-T20"><span class="fontSize font_comm txt3 M-L24">兑换时间</span><span class="fontSize font_comm txt4 M-R24">2024-5-9 17:52:11</span></view>
				<view class="item display  width_699 M-T20"><span class="fontSize font_comm txt3 M-L24">流水单号</span><span class="fontSize font_comm txt4 M-R24">12345678901234567890</span></view>
				<button class="fontSize font_comm fn_button display all_item M-T36" v-if="flag=='true'">查看订单</button>
				<button class="fontSize font_comm fn_button display all_item M-T36" v-else>查看洗车券</button>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				flag:false
			}
		},
		onLoad(options) {
			console.log(options)
			this.flag= options.flag;
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
.title{
	font-weight: 600;
	font-size: 34rpx;
	color: #232323;
}
.fn_list{
	height: 452rpx;
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
}
.txt1{
	font-weight: 600;
	font-size: 40rpx;
	color: #126BC9;
}
.txt2{
	font-weight: 400;
	font-size: 24rpx;
	color: #000000;
}
.txt3{
	font-weight: 400;
	font-size: 24rpx;
	color: #72778A;
}
.txt4{
	font-weight: 600;
	font-size: 24rpx;
	color: #212121;
}
.fn_button{
	width: 642rpx;
	height: 84rpx;
	background: rgba(23,105,143,0.1);
	border-radius: 24rpx 24rpx 24rpx 24rpx;
	border: 2rpx solid linear-gradient(90deg, rgba(23, 105, 143, 1), rgba(173, 157, 246, 1), rgba(23, 105, 143, 1)) 2 2;
	// border-image: ;
	
	font-weight: 600;
	font-size: 24rpx;
	color: #126BC9;
}
.item{
	justify-content: space-between;
}
</style>
